<template>
<h3>组件B</h3>
<p>{{ title }}</p>
<p>{{ age }}</p>
<p v-for="(name, key) in names" :key="key">{{ name }}</p>
<p>{{ time }}</p>
</template>

<script>
    export default{
        data(){
            return{
                
            }
        },
        //可以选择校验类型，如果类型不一致就会弹出警告
        props:{
            title:{
                type:[String, Number]
            },
            // 可以设置默认值，没有传递就是默认值，数字和字符串用default，数组和对象用工厂函数
            age:{
                type:Number,
                default:0
            },
            names:{
                type:Array,
                default(){
                    return ["空"]
                }
            },
            //可以设置必选项，如果不传递参数就会弹出警告
            time:{
                type:Number,
                required:true
            }
        }
    }
</script>

